<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>列表页</title>
<!-- 禁止检查当前域名 -->
<meta name="referrer" content="never">
<!-- 网站图标 -->
<link rel="shortcut icon" href="./favicon copy.ico" />
<!-- 初始化css文件：用来将所有浏览器中显示不一样的样式，变的一样 -->
<link rel="stylesheet" href="../css/normalize.css">
<!-- 引入bootstrap -->
<link rel="stylesheet" href="../css/bootstrap.css">
<!-- 公共样式 -->
<link rel="stylesheet" href="../css/common.css">
<!-- 当前文件的css -->
<link rel="stylesheet" href="../css/list.css">

<link rel="stylesheet" href="../lib/layui/css/layui.css">

</head>
<body>
<!-- 顶部 -->
<div class="wrap navbar-default">
    <div class="content">
        <nav class="navbar">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand logo" href="index.html">
                        <img src="../static/images/R-C.png" alt="">
                    </a>
                </div>
            
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">首页 </a></li>
                        <li class="active"><a href="index.html">列表页 <span class="sr-only">(current)</span></a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">省份 <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu province">
                                <!-- <li><a href="#">北京</a></li>
                                <li><a href="#">安徽</a></li> -->
                            </ul>
                        </li>
                    </ul>
                    <form class="navbar-form navbar-left">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="景点名称">
                        </div>
                        <button type="submit" class="btn btn-default">搜索</button>
                    </form>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">热门景点 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                            <li><a href="#">小米系列</a></li>
                            <li><a href="#">红米系列</a></li>
                            <li><a href="#">智能家居</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">售后服务</a></li>
                            </ul>
                        </li>
                    </ul>
                    <!-- 登陆注册 -->
                    <ul class="nav navbar-nav navbar-right login">
                        <li><a href="login.html">登陆</a></li>
                        <li><a href="register.html">注册</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
    </div>
</div>
<!-- 面包屑 -->
<style>
.imgbox{
    width: 100%;
    height: 335px;
    margin: 0 auto;
    overflow: hidden;
    /* border-bottom: 3px solid rgb(215, 119, 17);
    margin-bottom: 5px;
    padding-left: 5px; */
}
.imgbox a{
    display: block;
    float: left;
}
</style>
<div class="imgbox">
    <a href="">
        <img src="../static/images/2596938425e8d9019ffae94fbcfa4524.jpg" alt="">
    </a>
    <a href="">
        <img src="../static/images/28c13d0d11b38ec17fa5d83bc6ba5912.jpg" alt="">
    </a>
    <a href="">
        <img src="../static/images/d0c0c4d84bc85c12d936bf5d8775af44.jpg" alt="">
    </a>
</div>
<!-- 景点列表 -->
<div class="wrap" id="scenics">
    <div class="content">
        <h1>旅游网站 <small>所有景点</small></h1>
        <div class="container fluid">
            <div class="row scenics" id="list">                
                <!-- <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="thumbnail">
                        <img src="http://5b0988e595225.cdn.sohucs.com./static/images/20171222/014e9fc392984995bb10bf8b40385bb0.jpeg" alt="...">
                        <div class="caption">
                            <h3>颐和园</h3>
                            <p class='introduce'>阿斯顿发斯蒂芬阿斯蒂芬</p>
                            <p>
                                <a href="#" class="btn btn-default" role="button">查看详情</a>
                            </p>
                        </div>
                    </div>
                </div> -->

            </div>
        </div>
    </div>
</div>
<!-- 分页容器 -->
<div class="page container text-center" id="page"></div>
<!-- 底部 -->
<div class="wrap footer">
    <div class="content">
        <div class="mibox">
            <div class="miboxlest">
                <ul class="miboxmax">
                    <li><a rel="nofollow" href="//www.mi.com/service/aftersale/front" target="_blank"><em class="iconfont-tool"></em>预约维修服务</a></li>&nbsp;&nbsp;&nbsp;&nbsp;
                    <li><a rel="nofollow" href="//www.mi.com/service/exchange#back" target="_blank"><em class="iconfont-circle-7"></em>7天无理由退货</a></li>&nbsp;&nbsp;&nbsp;&nbsp;
                    <li><a rel="nofollow" href="//www.mi.com/service/exchange#back" target="_blank"><em class="iconfont-circle-15"></em>15天免费换货</a></li>&nbsp;&nbsp;&nbsp;&nbsp;
                    <li><a rel="nofollow" href="//www.mi.com/service/buy/Postal%20policy" target="_blank"><em class="iconfont-gift"></em><span id="J_footerPrice">满69元包邮</span></a></li>&nbsp;&nbsp;&nbsp;&nbsp;
                    <li><a rel="nofollow" href="//www.mi.com/service/sitelist" target="_blank"><em class="iconfont-location"></em>520余家售后网点</a></li>&nbsp;&nbsp;&nbsp;&nbsp;
                </ul>
            </div>
        </div>
        <ul class="nav nav-pills">
            <li role="presentation">
                <a href="">关于千峰</a>
            </li>
            <li role="presentation">
                <a href="">联系我们</a>
            </li>
            <li role="presentation">
                <a href="">企业合作</a>
            </li>
            <li role="presentation">
                <a href="">招贤纳士</a>
            </li>
            <li role="presentation">
                <a href="">报名咨询</a>
            </li>
            <li role="presentation">
                <a href="">教学视频</a>
            </li>
            <li role="presentation">
                <a href="">学员论坛</a>
            </li>
            <li role="presentation">
                <a href="">网站地图</a>
            </li>
        </ul>
        <p>Copyright 2011-2020 北京千锋互联科技有限公司 京ICP备12003911号-3  京公网安备 11010802030320号</p>
    </div>
</div>
</body>
</html>
<!-- 引入js的库 -->
<script src="../lib/jquery.min.js"></script>
<!-- 引入bootstrap.js，bootstrap的js需要依赖一个js库 -->
<script src="../lib/bootstrap.js"></script>
<script src="../lib/layer/layer.js"></script>
<!-- 引入layui组件,使用其中的分页组件 -->
<script src="../lib/layui/layui.js"></script>
<script src="../js/list.js"></script>